<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS/health.css"> 
</head>
<body>
    <header>
        <div class="container">
            <div class="row">
                <!-- 图标 -->
                <div class="logo">
                    <a class="logo-brand">
                        <div class="logo-bg">
                            <figure class="logo-up"></figure>
                        </div>
                    </a>
                </div>
                <!-- 文字部分 -->
                <div class="head-introdution">
                    <ul class="head-introdution intr">
                        <li>
                            <a href="">关于我们</a>
                        </li>
                        <li>
                            <a href="">途欢健康</a>
                        </li>
                        <li>
                            <a href="">价值聚焦</a>
                        </li>
                        <li>
                            <a href="">联系我们</a>
                        </li>
                        <li>
                            <a href="">公司动态</a>
                        </li>
                        <li>
                            <a href="">加入我们</a>
                        </li>
                    </ul>
                    <form class="head-introdution downapp">
                        <a>下载途欢健康</a>
                    </form>
                </div>
            </div>
        </div>
    </header>
    <section>
        <div class="introduce_banner">
            <div class="introduce_wrap">
                <div class="introduce_item">
                    <image src="./IMAGE/introduce_image2.jpg" alt=""></image>
                    <h1 class="text_up1">
                        科技助力医疗创新，实现更高协同价值
                    </h1>
                    <p class="text_up2">
                        Technology that enables care
                    </p>
                    <!-- <button class="button_up">开启健康人生</button> -->
                    <!-- <form>
                        <a href="#" class="button1"><input type="button" value="开启健康人生"></a>
                    </form> -->
                    <button class="button_up">开启健康人生</button>
                </div>
                <div class="introduce_item">
                    <image src="./IMAGE/introduce_image1.jpg" alt=""></image>
                    <h1 class="text_next1">
                        选择途欢，拥有更具连续性的医疗健康服务
                    </h1>
                    <h1 class="text_next2">
                        获得更积极的健康成果
                    </h1>
                    <p class="text_next3">
                        Choose us， Better care， Better health
                    </p>
                    <!-- <form>
                        <a href="#" class="button2"><input type="button" value="开启健康人生"></a>
                    </form> -->
                    <button class="button_next">开启健康人生</button>
                </div>
            </div>
            <div class="introduce_left">
                &lt;
            </div>
            <div class="introduce_right">
                &gt;
            </div>
            <div class="pagenation">
                <div id="pagenation-item0"></div>
                <div id="pagenation-item1"></div>
            </div>
        </div>
        <div class="container1">
            <h1>以专业维护您的健康</h1>
            <p class="lightline"></p>
            <p class="text_line">途欢希冀于用专业的力量温情传递健康的意义，用医学的理念与技术帮助大众更科学的维护健康</p>
        </div>
        <!-- <div class="page_banner">
            <div class="page_wrap"></div>
        </div> -->
        <div>
            <div class="container2">
                <div>
                    <h1>途欢健康，协同三甲医院医生，依据您的近期体检报告及日常情况</h1>
                    <h2>面对面评估您的健康状况及风险，制定健康（诊疗）计划</h2>
                    <p class="lightline"></p>
                    <p class="text_line">既往，只体检，体检结果无人管</p>
                    <img src="./IMAGE/introduction1.png" alt="">
                </div>
                <!-- <div class="introduction_image">
                    <img src="./IMAGE/introduction1.png" alt="">
                </div> -->
            </div>
        </div>
        <div>
            <div class="container2">
                <div>
                    <h1>途欢健康，专业、系统、持续的记录您的健康</h1>
                    <h2>包含历史体检数据、历史诊疗与日常监控随访数据等，成为您就诊时，医生诊疗决策最有力协助</h2>
                    <p class="lightline"></p>
                    <p class="text_line">记录随手丢，病例找不到，医嘱记不住</p>
                    <img src="./IMAGE/introduction2.png" alt="">
                </div>
                <!-- <div class="introduction_image">
                    <img src="./IMAGE/introduction1.png" alt="">
                </div> -->
            </div>
        </div>
        <div>
            <div class="container2">
                <div>
                    <h1>专业临床医学背景的途欢医生助理仿佛您的家人，时刻关注着您的健康</h1>
                    <h2>通过主动持续的干预与管理，为您提供个体化的健康服务</h2>
                    <p class="lightline"></p>
                    <p class="text_line">对健康关注，却因缺少专业知识而束手无策</p>
                    <img src="./IMAGE/introduction3.png" alt="">
                </div>
            </div>
        </div>
        <div>
            <div class="container3">
                <h1>科技助力医疗创新,实现更高协同价值</h1>
                <p class="lightline"></p>
                <p style="margin-top: 40px;">在途欢医疗健康管理平台的支持下</p>
                <p>以社区医院家庭医生及途欢个人专属健康顾问为中心，集合三甲医院顶尖专家、权威专科医生的“责任医疗团队”</p>
                <p>共同为您和家人提供高度协同的主动管理式医疗健康服务：日常健康管理，健康风险评估与风险因素管理，医疗服务连接</p>
            </div>
        </div>
    </section>
    <aside>
        <div class="container4">
            <img src="./IMAGE/introduction4.png" alt="">
        </div>
    </aside>
    <section class="service">
        <div class="container5">
            <h1>以您为中心,更便捷的健康体验</h1>
            <p class="lightline"></p>
        </div>
        <div class="container6">
            <div>
                <img src="./IMAGE/center-img-01.jpg" alt="">
                <h1>更了解您</h1>
                <p class="lightline"></p>
                <p>为您建立的个人电子健康档案，全面记录您的日常健康数据、医疗记录，是医生更精准诊疗的基础</p>
            </div>
            <div>
                <img src="./IMAGE/center-img-02.jpg" alt="">
                <h1>时刻关注您</h1>
                <p class="lightline"></p>
                <p>将人工智能运用于健康数据的智能检测，持续、动态的管理您的健康数据，更早发现潜在健康风险</p>
            </div>
            <div>
                <img src="./IMAGE/center-img-03.jpg" alt="">
                <h1>离您更近</h1>
                <p class="lightline"></p>
                <p>与熟悉您健康的途欢大夫、家庭医生、专属健康顾问进行在线咨询，随时随地获得更便捷的健康服务</p>
            </div>
            <div>
                <img src="./IMAGE/center-img-04.jpg" alt="">
                <h1>家人般守护您</h1>
                <p class="lightline"></p>
                <p>健康顾问与家庭医生为您预判并连接您所适需医疗方案，帮助您获得更精准、更有效率的医疗服务</p>
            </div>
        </div>
    </section>
    <!-- <section class="container7">
        <div class="inside_content">
            <div class="describe">
                <h1>随时随地</h1>
                <h2>咨询您的专属健康顾问</h2>
                <p class="lightline1"></p>
                <p>具有丰富临床医学经验的途欢医生助理团队，为您提供在线的健康咨询服务、与您进行及时的沟通</p>
            </div>
            <div class="describe">
                <h1>智能监测</h1>
                <h2>管理您的健康指标</h2>
                <p class="lightline1"></p>
                <p>运用大数据进行系统的健康数据监测，数据异常时及时预警，令您与家人更早关注健康风险、更有效的预防与管控疾病发生</p>
            </div>
            <div class="describe">
                <h1>权威制定</h1>
                <h2>专属于您的诊疗计划</h2>
                <p class="lightline1"></p>
                <p>三甲医院专家医生根据您的健康状况制定持续、全面、个体化的治疗计划与健康管理计划</p>
            </div>
            <div class="describe">
                <h1>便捷记录</h1>
                <h2>专属于您的诊疗计划便捷记录</h2>
                <p class="lightline1"></p>
                <p>为您提供综合的数据信息系统，记录健康数据与指标，全面掌握健康状况，深度分析健康数据</p>
            </div>
            <div class="describe">
                <h1>不论远近</h1>
                <h2>总为至亲送上关怀</h2>
                <p class="lightline1"></p>
                <p>拉近您与亲人之间的距离，健康数据与家人共享，异常情况实时提醒，时刻关怀亲人，守护家庭健康</p>
            </div>
            <div class="inner_image">
                <div class="image_item">
                    <img src="./IMAGE/1.jpg" alt="">
                </div>
                <div class="image_item">
                    <img src="./IMAGE/2.jpg" alt="">
                </div>
                <div class="image_item">
                    <img src="./IMAGE/3.jpg" alt="">
                </div>
                <div class="image_item">
                    <img src="./IMAGE/4.jpg" alt="">
                </div>
                <div class="image_item">
                    <img src="./IMAGE/5.jpg" alt="">
                </div>
            </div>
            <div class="inner_item">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </section> -->
    <section class="container7">
        <div class="inside_content">
            <ul class="imgBox">
                <li class="active"><img src="./IMAGE/1.jpg" alt=""></li>
                <li><img src="./IMAGE/2.jpg" alt=""></li>
                <li><img src="./IMAGE/3.jpg" alt=""></li>
                <li><img src="./IMAGE/4.jpg" alt=""></li>
                <li><img src="./IMAGE/5.jpg" alt=""></li>
            </ul>
            <ul class="describe1">
                <li class="active"><h2>随时随地</h2></li>
                <li><h2>智能监测</h2></li>
                <li><h2>权威制定</h2></li>
                <li><h2>便捷记录</h2></li>
                <li><h2>不论远近</h2></li>
            </ul>
            <ul class="describe2">
                <li class="active"><h2>咨询您的专属健康顾问</h2></li>
                <li><h2>管理您的健康指标</h2></li>
                <li><h2>专属于您的诊疗计划</h2></li>
                <li><h2>健康状况轻松掌握</h2></li>
                <li><h2>总为至亲送上关怀</h2></li>
            </ul>
            <p class="linelight"></p>
            <ul class="describe3">
                <li class="active"><p>具有丰富临床医学经验的途欢医生助理团队，为您提供在线的健康咨询服务、与您进行及时的沟通</p></li>
                <li><p>运用大数据进行系统的健康数据监测，数据异常时及时预警，令您与家人更早关注健康风险、更有效的预防与管控疾病发生</p></li>
                <li><p>三甲医院专家医生根据您的健康状况制定持续、全面、个体化的治疗计划与健康管理计划</p></li>
                <li><p>为您提供综合的数据信息系统，记录健康数据与指标，全面掌握健康状况，深度分析健康数据</p></li>
                <li><p>拉近您与亲人之间的距离，健康数据与家人共享，异常情况实时提醒，时刻关怀亲人，守护家庭健康</p></li>
            </ul>
            <ol class="describe_ol">
                <li data-i="0" data-name="point" class="active" style="background-image: url(./IMAGE/logo1.svg);"></li>
                <li data-i="1" data-name="point" style="background-image: url(./IMAGE/logo2.svg);"></li>
                <li data-i="2" data-name="point" style="background-image: url(./IMAGE/logo3.svg);"></li>
                <li data-i="3" data-name="point" style="background-image: url(./IMAGE/logo4.svg);"></li>
                <li data-i="4" data-name="point" style="background-image: url(./IMAGE/logo5.svg);"></li>
            </ol>
        </div>
    </section>
    <div class="comment">
        <div class="comment_top">
            <h1>用户的鼓励</h1>
            <p class="lightline"></p>
            <p>途欢健康、协同于现有的医疗服务体系，致力于构建更精准的医疗保健模式</p>
        </div>
        <div>
            <img src="./IMAGE/comment.png" alt=""> 
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="footer-intr">
                    <div class="footer-intr-links">
                        <a>公司动态</a>
                        <div class="bor-line"></div>
                        <a>加入我们</a>
                        <div class="bor-line"></div>
                        <a>企业用户</a>
                        <div class="bor-line"></div>
                        <a>用户使用协议</a>
                    </div>
                    <div class="footer-intr-beizhu">
                        Copyright © 2018 途欢医疗健康科技有限公司 
                        <a style="color: #3bbe7a;text-decoration: none;">蜀ICP备15025302号-1</a>
                    </div>
                </div>
                <div class="footer-Weixin">
                    <div class="Weixin-ma">
                        <div class="popover-top">
                            <div style="padding: 7px;">
                                <figure class="Weixin-logo-ma"></figure>
                            </div>
                        </div>
                    </div>
                    <figure class="Weixin-logo"></figure>
                </div>
                <div class="footer-Weixin">

                    <figure class="Shouji-logo"></figure>
                </div>
            </div>
        </div>
    </footer>
    <script src="./JS/health.js"> </script>
</body>
</html>